<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Contact | FreshMart</title>
  <link rel="stylesheet" href="style.css" />
</head>
<body>

  <header>
    <div class="logo">
      <img src="images/logo.jpg" alt="FreshMart logo">
    </div>
    <nav>
      <ul>
        <li><a href="index.html">Home</a></li>
        <li><a href="products.html">Products</a></li>
        <li><a href="about.html">About Us</a></li>
        <li><a href="contact.html">Contact</a></li>
        <li><a href="cart.html">Cart</a></li> 
      </ul>
    </nav>
  </header>

  <main>
    <section class="banner">
      <img src="images/contact.png" alt="Get in touch banner">
      <div class="banner-text">
        <h1>Contact Us</h1>
        <p>We’d love to hear from you!</p>
      </div>
    </section>

    <section class="highlights">
      <h2>Send a Message</h2>

      <address class="contact-info">
        <strong>Marketing Manager:</strong> Amy<br>
        Phone: <a href="tel:+330123456789">+33 1 23 45 67 89</a><br>
        Email: <a href="mailto:amy@freshmart.com">amy@freshmart.com</a>
      </address>

      <form id="contactForm" class="contact-form" novalidate>
        <label for="name">Name:</label>
        <input id="name" type="text" name="name" required>

        <label for="email">Email:</label>
        <input id="email" type="email" name="email" required>

        <label for="message">Message:</label>
        <textarea id="message" name="message" rows="5" required></textarea>

        <button type="submit">Send</button>
      </form>
    </section>
  </main>

  <footer>
    <p>&copy; 2025 FreshMart | <a href="about.html">About Us</a></p>
  </footer>

  <script src="js/script.js"></script>
</body>
</html>
